import Test from '@/components/Test';
import { useNavigate } from 'react-router';

export function About() {
  const nav = useNavigate();

  return (
    <view className="page-container">
      <view className="header">
        <text className="back" bindtap={() => nav(-1)}>
          ←
        </text>
        <text className="title">关于我们</text>
      </view>

      <view className="content">
        <view className="about-card">
          <view className="avatar">L</view>
          <text className="name">Lynx Framework</text>
          <text className="version">v1.0.0</text>
        </view>

        <view className="info-list">
          <view className="info-item">
            <text className="info-label">官方网站</text>
            <text className="info-value">https://lynxjs.org</text>
          </view>
          <view className="info-item">
            <text className="info-label">GitHub</text>
            <text className="info-value">@lynx-js</text>
          </view>
          <view className="info-item">
            <text className="info-label">技术栈</text>
            <text className="info-value">React + TypeScript</text>
          </view>
        </view>

        <view className="description">
          <text className="desc-title">框架简介</text>
          <text className="desc-content">
            Lynx 是一个基于 React 的跨平台开发框架，支持一次开发，多端运行。
            它提供了丰富的组件库和工具链，帮助开发者快速构建高性能的移动应用。
          </text>
        </view>

        <view>
          <Test></Test>
        </view>
      </view>
    </view>
  );
}
